<template>
	<view>
		<view class="scan">
			<image src="../../static/scan/scan.png" mode="widthFix"></image>
			<text class="title">扫码快速识别订单</text>
			<text class="desc">请扫描订单二维码快速识别订单</text>
		</view>
		<view class="saveBtn" @tap="goScan">扫一扫</view>
	</view>
</template>

<script>
	import wx from '../../common/jweixin-module-master/lib/index.js';
	export default {
		data() {
			return {

			}
		},
		onLoad() {
         
		},
		methods: {
			goScan() {
				console.log("进来了");
				var windowHref = window.location.href;
				this.$http.get('/api/wx/parameter?url=' + encodeURIComponent(window.location.href.split('#')[0])).then(
					res3 => {
						console.log('zzzz',res3.data.data);
						wx.config({
							debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
							appId: res3.data.data.appid, // 必填，公众号的唯一标识
							timestamp: res3.data.data.timestamp, // 必填，生成签名的时间戳
							nonceStr: res3.data.data.nonceStr, // 必填，生成签名的随机串
							signature: res3.data.data.signature, // 必填，签名
							jsApiList: ['scanQRCode'] // 必填，需要使用的JS接口列表
						});
						wx.ready(() => {
							wx.scanQRCode({
								needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
								scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
								success: (res) => {
									console.log(res);
									var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
									var pastResult = result.split(',').length>1?result.split(',')[1]:result
									 this.$http.get('/api/reserveOrder/match', {
									   sackNum:pastResult
									}).then(res => {
										 if (res.data.code == 200) {
										 console.log(res.data.data)
									     this.$u.to('/pages/order/orderDetail?sackNum=' + pastResult+'&isScan=true')
										 } else {
											 this.$u.msg(res.data.msg)
										 }
									 })
								},
								complete(err) {
									console.log(err);
								}
							});
						});
					})

			}
		}
	}
</script>

<style lang="less">
	page {
		background: #fff;
	}

	.scan {
		padding-top: 150rpx;
		display: flex;
		flex-direction: column;
		align-items: center;

		.title {
			font-size: 32rpx;
			font-weight: 700;
		}

		.desc {
			margin-top: 10rpx;
			color: #666;
		}

		image {
			width: 500rpx;
		}
	}

	.saveBtn {
		margin: 0;
		border-radius: 10rpx;
		margin: 50rpx 100rpx;
	}
</style>
